<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required" class="form-control" name="row[name]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Price')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-price" data-rule="required" min="0" class="form-control" name="row[price]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Thumbnail_image')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="input-group">
                <input id="c-thumbnail_image" data-rule="required" class="form-control" size="50" name="row[thumbnail_image]" type="text" value="">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" id="faupload-thumbnail_image" class="btn btn-danger faupload" data-input-id="c-thumbnail_image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-thumbnail_image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                    <span><button type="button" id="fachoose-thumbnail_image" class="btn btn-primary fachoose" data-input-id="c-thumbnail_image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                </div>
                <span class="msg-box n-right" for="c-thumbnail_image"></span>
            </div>
            <ul class="row list-inline faupload-preview" id="p-thumbnail_image"></ul>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select  id="c-type" data-rule="required" min="0" class="form-control selectpicker" name="row[type]">
                {foreach name="typeList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Is_recommended')}:</label>
        <div class="col-xs-12 col-sm-8">

            <select  id="c-is_recommended" data-rule="required" min="0" class="form-control selectpicker" name="row[is_recommended]">
                {foreach name="isRecommendedList" item="vo"}
                    <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
<!--    <div class="form-group">-->
<!--        <label class="control-label col-xs-12 col-sm-2">{:__('Category_ids')}:</label>-->
<!--        <div class="col-xs-12 col-sm-8">-->
<!--            <input id="c-category_ids" data-rule="required" data-source="category/selectpage" data-params='{"custom[pid]":"0"}' data-multiple="true" class="form-control selectpage" name="row[category_ids]" type="text" value="">-->
<!--        </div>-->
<!--    </div>-->

    {foreach name="categoryList" item="vo"}
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{$vo.name}</label>
        <div class="col-xs-12 col-sm-8">
            {foreach name="vo.children" item="vo1"}
            <label> <input type="Checkbox" value="{$vo.id}-{$vo1.id}"  name="row[category_ids][]" > {$vo1.name}  </label>
            {/foreach}
        </div>
    </div>
    {/foreach}
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
